<template>
  <div>
    <div class="bottom">
      <div class="bottom_c">
        <img :src="bottomList.qrcode" alt="">
        <div class="bottom_c_l">
          <img src="../../static/image/LOGO.png" alt="">
          <ul>
            <li>联系我们：{{bottomList.contact}}</li>
            <li>地址：{{bottomList.address}}</li>
            <li>电话：{{bottomList.tel}}</li>
            <li>邮箱：{{bottomList.email}}</li>
          </ul>
        </div>
        <div class="bottom_c_2">
          <span>车型种类:</span>
          <ul>
            <li v-for="(item,index) in bottomList.car_type">{{item.ca_name}}</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="bottom_b">
      <div>
        <span class="span1">技术支持：天津盘古科技有限公司</span>
        <span class="span2" v-html="bottomList.copyright"></span>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'Footer',
    data () {
      return {
        bottomList: {}
      }
    },
    methods: {
      bottomData: function () {
        let thisObj = this
        thisObj.$chaos.ajax({
          data: {},
          slient: true,
          userinfo: false,
          url: 'Index/getWebBottomData',
          callback: function (type, res) {
            if (res.status === 'SUCCESS') {
              thisObj.bottomList = res.result.list
            } else {
              thisObj.$vux.toast.show({
                text: res.result.msg,
                type: 'text',
                width: '180px',
                position: 'bottom'
              })
            }
          }
        })
      }
    },
    created () {
      this.bottomData()
    }
  }
</script>

<style scoped>

</style>
